<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>沂水旅游-支付订单</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/static/layuiadmin/layui/css/layui.css">
    <link rel="stylesheet" href="/static/index/css/base.css">
    <link rel="stylesheet" href="/static/index/css/baseDetail.css">
    <link rel="stylesheet" href="/static/index/css/tourDetail.css">
    <link rel="stylesheet" href="/static/index/css/createOrder.css">
</head>
<body style="background: #F5F5F5;">

{include file="public/header" model='hotel' /}

<div class="searchBox layui-hide-xs">
    <div class="layui-container mbx-top-nav">
        <div class="mianbaoxie-nav">
            <span class="layui-breadcrumb">
              <a href="/">首页</a>
              <a><cite>订单支付</cite></a>
            </span>
        </div>

        <div class="weather">
            <iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=5&py=linyi2" width="200" height="30" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" ></iframe>
        </div>

    </div>
</div>

<div class="main-box">

    <div class="layui-container">
        <div class="buy-step">
            <div class="layui-row layui-col-space15">

                <div class="layui-col-md4">

                    <div class="stepBox">

                        <div class="step-top">
                            <div class="step-line step-line-active">
                                <div class="step-point step-point-active">
                                    <span></span>
                                </div>
                            </div>

                        </div>
                        <div class="step-name step-name-active">
                            提交订单
                        </div>

                    </div>
                </div>

                <div class="layui-col-md4">

                    <div class="stepBox">

                        <div class="step-top">
                            <div class="step-line step-line-active">
                                <div class="step-point step-point-active">
                                    <span></span>
                                </div>
                            </div>

                        </div>
                        <div class="step-name step-name-active">
                            在线支付
                        </div>

                    </div>
                </div>

                <div class="layui-col-md4">

                    <div class="stepBox">

                        <div class="step-top">
                            <div class="step-line">
                                <div class="step-point">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="step-name">
                            完成购买
                        </div>

                    </div>
                </div>

            </div>
        </div>

    </div>

    <div class="layui-container">
        <div class="layui-row">

            <div class="pay-order">

<<<<<<< HEAD
                <form action="{:Url('Hotel/surePay')}" method="post" class="layui-form">
=======
>>>>>>> 23a64db8e3abcbc49d76a293e2eb5456ae25d7ad
                <div class="pay-order-1">

                    <div class="pay-order-1-1">

                        <i class="layui-icon layui-icon-ok-circle" style="font-size: 30px; color:#20E6BA;"></i>
                        <p>您的订单提交成功！</p>
                        <span>支付剩余时间：26分30秒，超时则订单关闭</span>

                    </div>
                    <div class="pay-order-1-2">

                        <div class="pay-order-1-2-1">
                            订单号：<span id="order-number">{$orderInfo.order_sn}</span>
                        </div>
                        <div class="pay-order-1-2-2">
                            应付金额：<span id="need-pay-money">￥{$orderInfo.order_price*1}</span>
                        </div>

                    </div>

                </div>

                <div class="pay-order-2">

                    <div class="pay-order-2-1">

                        <i class="layui-icon layui-icon-layouts" style="font-size: 30px; color:#20E6BA;"></i>
                        <p>支付方式</p>

                    </div>

                    <div class="pay-order-2-2 layui-form">
                        <div class="pay-kinds pay-order-alipay">
<<<<<<< HEAD
                            <input type="radio" name="pay_type" value="1">
                            <img src="/static/index/images/pay/alipay.png" alt="">
                        </div>
                        <div class="pay-kinds pay-order-wechat ">
                            <input type="radio" name="pay_type" value="2">
=======
                            <input type="radio" name="sex" value="nan">
                            <img src="/static/index/images/pay/alipay.png" alt="">
                        </div>
                        <div class="pay-kinds pay-order-wechat ">
                            <input type="radio" name="sex" value="nan">
>>>>>>> 23a64db8e3abcbc49d76a293e2eb5456ae25d7ad
                            <img src="/static/index/images/pay/wechatpay.png" alt="">
                        </div>
                    </div>

                </div>

                <div class="pay-order-3">

<<<<<<< HEAD
                    <input type="hidden" name="order_id" value="{$orderInfo.order_id}">
                    <input type="hidden" name="order_number" value="{$orderInfo.order_sn}">
                    <button class="layui-btn" type="submit">立即提交</button>
                    <p>支付成功后，请注意接受短信</p>

                </div>
                </form>
=======
                    <a href="{:url('payOver')}">确认支付</a>
                    <p>支付成功后，请注意接受短信</p>

                </div>
>>>>>>> 23a64db8e3abcbc49d76a293e2eb5456ae25d7ad

            </div>

        </div>
    </div>

<<<<<<< HEAD
=======
    <!-- <div class="order-to-back">
        <div class="layui-container">
            <div class="layui-row">
                <a href="javascript:;">< 返回修改订单信息</a>
            </div>
        </div>
    </div> -->
>>>>>>> 23a64db8e3abcbc49d76a293e2eb5456ae25d7ad
</div>

<div style="height: 20px;"></div>

<script>
    var $ = layui.jquery;
        var layer = layui.layer
            , element = layui.element
            , carousel = layui.carousel
            , flow = layui.flow
            , laypage = layui.laypage
            , form = layui.form;

            form.render();
            element.init();

</script>

</body>
</html>